<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>斑码网络</title>
    <!-- Layui START -->
    <link rel="stylesheet" href="layui/css/layui.css">
    <script src="layui/layui.js"></script>
    <!-- Layui END -->
    <!--[if lt IE 9]>
    <script src="core/js/html5.min.js"></script>
    <script src="core/js/respond.min.js"></script>
    <![endif]-->
    <!-- 自定义 START -->
    <link rel="stylesheet" href="core/css/core.css">
    <script src="core/js/core.js"></script>
    <script src="core/js/jquery.js"></script>
    <script src="core/js/FSS.js"></script>
    <!-- 自定义 END -->
</head>
<body class="layui-layout-body">
<!-- 背景动画 START -->
<div id="background">
    <div id="output"></div>
</div>
<script>
    backgroundAnim("background", "output");
</script>
<!-- 背景动画 END -->
<!-- 导航栏 START -->
<div id="header" class="layui-row">
    <div id="logo" class="layui-col-xs3">
        <a href="javascript:goHome();">
            <img src="core/resource/logo.png">
        </a>
    </div>
    <div id="nav" class="layui-col-xs6">
        <ul class="layui-nav">
            <li class="layui-nav-item"><a href="javascript:goAnchor('#wecan');">主营业务</br>WeCan</a></li>
            <li class="layui-nav-item"><a href="javascript:goAnchor('#product');">产品展示</br>Product</a></li>
            <li class="layui-nav-item"><a href="javascript:goAnchor('#solution');">解决方案</br>Solution</a></li>
            <li class="layui-nav-item"><a href="javascript:goAnchor('#partner');">合作伙伴</br>Partner</a></li>
            <li class="layui-nav-item"><a href="javascript:goAnchor('#contact');">联系我们</br>ContactUs</a></li>
        </ul>
    </div>
</div>
<!-- 导航栏 END -->
<!-- 翻页 START -->

<!-- 翻页 END -->
<!-- 主要内容 START -->
<div id="content" class="layui-body">
    <div id="wecan">
        <img src="core/resource/wecan.png">
    </div>
    <div id="product">
        <div class="product-column">
            <div class="product-item">
                <video id="video1" src="core/resource/meida.mp4" preload="auto"></video>
                <img class="poster" src="core/resource/poster_meida.png" onmouseenter="playVideo('video1')"
                     onmouseleave="stopVideo('video1')">
            </div>
            <div class="product-item">
                <img src="core/resource/pic1.jpg">
            </div>
            <div class="product-item">
                <img src="core/resource/pic5.jpg">
            </div>
        </div>
        <div class="product-column">
            <div class="product-item">
                <img src="core/resource/pic2.jpg">
            </div>
            <div class="product-item">
                <img src="core/resource/pic3.jpg">
            </div>
            <div class="product-item">
                <video id="video2" src="core/resource/fangtai.mp4" preload="auto"></video>
                <img class="poster" src="core/resource/poster_fangtai.png" onmouseenter="playVideo('video2')"
                     onmouseleave="stopVideo('video2')">
            </div>
        </div>
        <div class="product-column">
            <div class="product-item">
                <img src="core/resource/pic4.jpg">
            </div>
            <div class="product-item">
                <img src="core/resource/pic6.jpg">
            </div>
            <div class="product-item">
                <img src="core/resource/pic7.jpg">
            </div>
            <div class="product-item">
                <img src="core/resource/pic8.jpg">
            </div>
        </div>
        <!--
        <div class="product-item" style="width: 300px">
            <video id="video1" src="core/resource/meida.mp4" preload="auto"></video>
            <img id="poster" src="core/resource/poster_meida.png" onmouseenter="playVideo('video1')"
                 onmouseleave="stopVideo('video1')">
        </div>
        <div class="product-item" style="width: 400px">
            <video id="video2" src="core/resource/meida.mp4" preload="auto"></video>
            <img id="poster" src="core/resource/poster_meida.png" onmouseenter="playVideo('video2')"
                 onmouseleave="stopVideo('video2')">
        </div>
        <div class="product-item" style="width: 300px">
            <video id="video3" src="core/resource/meida.mp4" preload="auto"></video>
            <img id="poster" src="core/resource/poster_meida.png" onmouseenter="playVideo('video3')"
                 onmouseleave="stopVideo('video3')">
        </div>
        <div class="product-item" style="width: 300px">
            <video id="video4" src="core/resource/meida.mp4" preload="auto"></video>
            <img id="poster" src="core/resource/poster_meida.png" onmouseenter="playVideo('video4')"
                 onmouseleave="stopVideo('video4')">
        </div>
        -->
    </div>
    <div id="solution">

    </div>
    <div id="partner">

    </div>
    <div id="contact">

    </div>
</div>
<!-- 主要内容 END -->
<!-- Layui START -->
<script>
    layui.use(['element', 'layer'], function () {
        var element = layui.element;
        var layer = layui.layer;
    });
</script>
<!-- Layui START -->
</body>
</html>
